<template>
	<view class="header">
		<text style="font-size: 32rpx; font-weight: bold;">茶百道成华望平店</text>
		<br />
		<text style="font-size: 26rpx; color: #858585;">距你步行1.10km,请确认门店后下单</text>
		<view
			style="box-shadow: 0rpx 0rpx 10rpx 0rpx #858585;height: 100rpx;width:580rpx;border-radius: 10rpx;margin-top: 30rpx;padding: 10rpx;">
			<view style="margin: 10rpx auto;">
				<text style="font-size: 32rpx;margin-left:30rpx;">请注意取餐号,及时取餐</text>
				<br />
				<text style="font-size: 26rpx;color: #858585;margin-left:30rpx;">30分钟内饮用,口味更佳</text>
			</view>
		</view>
		<view style="display: flex;font-size: 26rpx;align-items: center;margin-top: 30rpx;">
			<text style="margin-right: 30rpx;">联系电话</text><input style="font-size: 26rpx;" type="text" value=""
				placeholder="请输入电话号码" />
		</view>
	</view>
	<view class="body">
		<view style="font-weight: bold;font-size: 36rpx;margin-bottom: 50rpx;">
			订单详情
		</view>
		<tea></tea>
		<view class="yhq">
			<text style="font-size: 26rpx;color: #858585;">优惠券<span
					style="background-color:#fad75e; color: white;margin-left: 10rpx;font-size: 26rpx;">券</span></text>
			<text style="font-size: 26rpx;">有两张可用优惠券 ></text>
		</view>
		<hr />
		<view class="" style="display: flex;justify-content: right;margin: 3	0rpx auto;"><text
				style="font-size: 26rpx;color: #858585;">共1件,合计:<span
					style="font-weight: bold;color: black; ">￥17</span></text></view>
	</view>
	<view class="bottom" style="display: flex;justify-content: space-between;background-color: white;
		width: 80%;
		margin: 20rpx auto;
		padding: 30rpx;
		border-radius: 10rpx;">
		<text>备注</text>
		<text style="font-size: 26rpx;color: #858585;">口味偏好等...</text>
	</view>
</template>

<script>
</script>

<style>
	body {
		background-color: #f8f8f8;
	}

	.header,
	.body {
		background-color: white;
		width: 80%;
		margin: 20rpx auto;
		padding: 30rpx;
		border-radius: 10rpx;
	}

	.yhq {
		margin-bottom: 20rpx;
		display: flex;
		justify-content: space-between;
	}
</style>
